<template>
  <div class="pdf-page-1">
    <div class="header">
      <h1>ON-THE-JOB TRAINING LOGBOOK</h1>
      <p>
        In accordance with EASA Appendix Il, to AMCs of Part 66<br />
        (Aircraft type practical experience and On-the Job Training List of
        Tasks) <br />
        This logbook belongs to:
      </p>
    </div>
    <div class="content">
      <div class="part-list">
        <div class="part-item">Part I Personal Information</div>
        <div class="part-item">Part II Purpose Of The Booklet</div>
        <div class="part-item">Part III Instructions For Use</div>
        <div class="part-item">Part IV Employer Contact Information</div>
        <div class="part-item">Part V Comments / Observations</div>
        <div class="part-item">Part VI Recording Of Operations</div>
        <div class="part-item">Part VII Summary</div>
      </div>
      <div class="right">
        <img src="@/assets/images/user-logo/logo-1.png" alt="" />
      </div>
    </div>
  </div>
</template>

<script setup></script>
<style scoped lang="less">
@import url("../less/index.less");
.header {
  padding: 50px 0 30px 0;
  text-align: center;
  h1 {
    font-size: 32px;
  }
  p {
    font-size: 24px;
  }
}
.content {
  display: flex;
  .border();
  .part-list {
    flex: 1;
    font-size: 27px;
    .border-right();
    .part-item {
      padding: 15px 40px;
      .border-bottom();
      &:last-child {
        border-bottom: none;
      }
    }
  }
  .right {
    width: 500px;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    img {
      width: auto;
      max-width: 80%;
      height: 70%;
    }
  }
}
</style>
